<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/include.inc.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <%@include file="/WEB-INF/views/layout/miiteen/base.ref.jsp" %>
</head>
<body>
<div class="mainpage list">
    <!--顶部菜单-->
    <div class="page-topmenu">

    </div>
    <!--查询条件-->
    <el-form :inline="true" :model="form" size="small">
        <!--视业务进行更改-begin-->
        <el-form-item label="用户名">
            <el-input v-model="form.trueName" placeholder="用户名"></el-input>
        </el-form-item>
        <el-form-item label="日期">
            <el-date-picker
                    v-model="form.createDate"
                    type="daterange"
                    value-format="yyyy-MM-dd"
                    range-separator="至"
                    start-placeholder="开始日期"
                    end-placeholder="结束日期">
            </el-date-picker>
        </el-form-item>
        <!--视业务进行更改-end-->
        <el-form-item>
            <el-button type="primary" @click="search">查询</el-button>
        </el-form-item>
    </el-form>
    <hr/>
    <el-table
            row-key="id"
            :data="grid.data"
            :height="grid.height">
        <!--视业务进行更改-begin-->
        <el-table-column prop="trueName" label="用户"></el-table-column>
        <el-table-column prop="content" label="内容"></el-table-column>
        <el-table-column prop="operation" label="操作"></el-table-column>
        <el-table-column prop="ipstr" label="ip地址"></el-table-column>
        <el-table-column prop="createDate" label="操作日期"></el-table-column>
        <!--视业务进行更改-end-->
    </el-table>
    <!--分页控件-->
    <%@include file="/WEB-INF/views/layout/miiteen/gridpage.ref.jsp" %>
</div>
<script>
    //初始化数据，必须放置在列表页面封装部分前
    function initVueOption(obj) {
        //设置控制器
        obj.data.controller = "${ctx}/sys/log";
        //设置查询条件默认值
        obj.data.form = {
            createDate:${datecon}
        }
    }
</script>
<!--列表页面封装部分-->
<%@include file="/WEB-INF/views/layout/miiteen/page.list.ref.jsp" %>
</body>
</html>